﻿/* CSS Document */
* {zoom:1}
.about_bg{ position: relative;z-index: 1;}
.about_bg img{width:100%;height:400px;}
.about_bg .inner_bg {position:absolute;top: 0%; width:100%;height:400px;   }
.about { width: 100%; text-align: left; }
.about .con { width: 60%; height:400px; text-align: left;  background: url(../images/btext_bg.png) repeat;}
.about .con h1 {margin:30px 60px; font-size: 18px; font-weight: 100;color:#fff; }
.about .con span {  background: #fff; width: 60px; height: 3px; display: block; margin: 20px 0 20px 60px; }
.about .con p {margin:0 60px 20px 60px;line-height: 24px; font-size: 1em; color: #fff; }
.about .con p img{display:none;}
.about .con a{color:#fff;}
.about .con a.abm{margin:0 0 0 60px; background: #fff; width: 230px; height: 40px; text-align: center; display: block; line-height: 40px; color: #444; font-size: 14px; margin-top: 45px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: ease-in-out .2s; }
.about .con a:hover { width: 250px; background-color: #003366; color: #fff;}
.about .about-pic{ width: 49%;margin:30px 1%;}
@media only screen and (max-width:1024px) {
	.about_bg img{width:100%;height:300px;}
 .about .con p img{display:none;}
.about .con p {margin:0 40px 20px 40px; }
.about .con { width: 60%; height:300px;}
}
@media only screen and (max-width:768px) {  
.about_bg {margin:20px 0;height:auto;min-height:400px; }
.about_bg img{display:none;}
.about_bg .inner_bg { width:100%;height:auto;   }
.about .about-pic{display:none;}
.about .con { width:100%; height:auto;}
.b-f3{    background: #fff;}
.about .con h1{text-align:center;}
.about .con span { background: #2553b3; width: 30%; height: 3px; display: block; margin: 20px 35%; }
 .about .con p {margin:0 20px 20px 20px; }
.about .con .abm {width: 20%;  margin:25px 40%; }
.about .con a:hover { width: 40%;  margin:25px 20%; background-color: #80bf1a; }
}

/*产品中心*/
.products {width:100%;height:auto;margin:40px auto 30px;}
.products img {width:300px;height:223px;display:block}
.products .hd {font-size:14px;line-height:60px;width:18.5%;min-width:220px;margin:0 0 20px 0;border-bottom:#003366 2px  solid;float:left;}
.products .hd>h2{background:#2595d1;width: 100%;height:84px;color: #fff;text-align: center;font-size: 1.4em;padding-top: 26px;line-height: 30px;}
.products .hd>h2 span{display: block;text-align: center;text-transform: uppercase;font-family: Arial;font-size: 1em;padding-top: 10px;}
.products .hd li:before{color:#ccc;content: "\e010"; font-family: "iconfont" !important;font-size: 0.6rem;width:0.6rem;float: left;margin:0 10px;color:#fff;}
.products .hd li {float:left;display:inline;width:100%;height:60px;line-height:60px;background-color:#003366;text-align:center;margin:1px 0 0 0;}
.products .hd   li.on {color:#fff;}
.products .hd   li.on a {background-color:#99CCFF;color:#fff;}
.products .hd a {height:60px;line-height:60px;background-color:#003366;color:#fff;text-align:center;transition: all .45s;}
.products .bd {width:80%;height:auto;position:relative;overflow:hidden;float:right;}
.products .bd ul {height:auto;overflow:hidden;position:relative;font-size:14px;line-height:28px}
.products .bd li {width:100%;height:auto;background-color:#fff;position:relative}
.products .bd ul li h2.red90{height:40px;background:#99CCFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.products .bd ul li h2  { font-weight:600;font-size:1.4em;color:#003366;margin:0 0 26px  0;}
.products .bd ul li h2  i {height:40px;line-height:40px;border-left: 5px solid #2595d1;padding:8px 40px;background:#fff;}

.products .bd li .iprolist {width:24%;height:auto;float:left;margin:10px 0.5%;}
 
.products .bd li .iprolist img {width:95%;margin:0 2.5%;height:auto;}
.products .bd li .iprolist figcaption {width:95%;margin:0 2.5%;height:auto;min-height:100px;border-bottom:4px solid #fff;transition: all .65s;}
.products .bd li .iprolist:hover figcaption {background:#f7f5f6;border-bottom:4px solid #003366;}
.products .bd li .iprolist figcaption p.small {text-align:left;line-height:18px;font-size:0.6em;color:#999;}
.products .bd li .iprolist figcaption h3 {text-align:left;width:95%;margin:0 2.5%;border-bottom:1px dotted #333;height:60px;line-height:30px;}
.products .bd li .iprolist figcaption .panel {width:90%;margin:5px 5% 15px;height:60px;line-height:20px;font-size:0.8em;color:#ccc;overflow:hidden;text-align:left;}
@media only screen and (max-width:768px) { 
.products .hd {font-size:14px;line-height:60px;width:90%;margin:20px 5%;border-bottom:#4352A0 0px  solid;float:none;}
.products .hd li:before,.products .bd{display:none;}
.products .hd li {width:48%;margin:5px 1%;height:40px;line-height:40px;}
.products .hd a {height:40px;line-height:40px;}
}
.client{ height:auto; padding:10px; background:#fff; overflow:hidden; clear:both;   }
.client ul{ overflow:hidden; zoom:1; }
.client ul li{ width:180px; float:left; margin:0 5px;  display:inline; }
.client ul li img{ width:180px; height:auto;   }
.client ul li .on{text-align:center;padding:10px;} 


.show {width:100%;position:relative;height:500px;background:#000;}
.show .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.show .bd ul {width:100% !important;}
.show .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;background:#2595d1;}
.show .bd li  .img{width:50% !important;height:500px;float:left;}
.show .hd {width:50%;position:absolute;z-index:1;bottom:0;right:0;height:30px;line-height:30px;}
.show .hd ul {text-align:center;}
.show .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
.show .hd ul .on {background:#003366;}
 
.show  .bd li .text { width: 450px; padding-left: 50px; color: #fff; position: absolute; left: 50%; height: 500px; top: 0; text-align:left;}
.show  .bd li .text h5 { font-size: 24px; padding-top: 68px; font-weight: 100; padding-bottom: 18px; }
.show  .bd li .text span { background: #99CCFF; display: block; width: 60px; height: 3px; margin-bottom: 47px; }
.show  .bd li .text h2 { font-family: arial; font-size: 24px; font-weight: 100; }
.show  .bd li .text p { font-size: 14px; line-height: 24px; height: 189px; margin-bottom: 7px; }
.show  .bd li .text a { width: 146px; height: 30px; line-height: 30px; text-align: center;margin-top:10px; background: #fff; color: #000; font-size: 14px; display: block; float: left; margin-right: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: ease-in-out .2s; }
.show  .bd li .text a:hover { background: #003366; color: #fff; }
@media only screen and (max-width:768px) { 
.show{margin-top:30px;}
.show .bd li .img{width: 100% !important;filter:alpha(opacity=40);opacity:0.4}
.show  .bd li .text { width: 95%; padding-left: 5%; color: #fff; position: absolute; left: 0; height: 500px; top: 0; text-align:left;} 
.honor{display:none;}
}
/*.inews*/
.inews{}
.inews .itit{ margin-bottom: 20px;}
.inews .inews_left{ width: 50%;}
.inews .inews_left .news-pic{width:100%;height:195px;overflow:hidden;}
.inews .inews_left .img,.inews .inews_left img{ width: 100%; height: auto; display: block; }
.inews .inews_left .img{ overflow: hidden;}
/*.inews .inews_left img:hover{ transform: scale(1.06);}*/
.inews .inews_left .img{ position: relative;margin: 0 0 20px 0;}
.inews .inews_left .time{ width: 140px; height: 70px; line-height: 12px; background: #0043b3; text-align: center; color: #fff; position: absolute; left: 0; top: 0; }
.inews .inews_left .time .day{ font-size: 30px; line-height: 48px;width:100%;}
.inews .inews_left .time .ym{ font-size: 20px;width:100%; }
 
.inews .inews_left .txt{ color: #666; line-height: 24px;}
.inews .inews_left .more{ width: 148px; height: 31px; display: block; color: #666666; border: 1px solid #a6a6a6; text-align: center; line-height: 31px; margin-top: 8px; }
.inews .inews_right{ width: 47.2%;}
.inews .inews_right .item{ border-top: 1px dotted #f1f1f1;}
.inews .inews_right .item:first-child{ padding-top: 0; border-top: 0;}
.inews .inews_right .item a{ height:60px; padding:22px 0px; display: block; }
.inews .inews_right .item:first-child a{ padding-top: 0px;}
.inews .inews_right .item .h3p,.inews .inews_left .h3p{ font-size: 18px; height: 26px; overflow: hidden;  margin-bottom: 5px; color:#15638C;}
.inews .inews_right .item .txt{ color: #999999; height: 34px; overflow: hidden; font-size: 12px; line-height: 16px;}
.inews .inews_right .item .time{ width: 56px; height:60px; margin-right: 18px; text-align: center;  line-height: 14px; color: #999;}
.inews .inews_right .item .time .day{ font-size: 48px; line-height: 48px; font-weight: 100;}
.inews .inews_right .item .time .ym{  display: block; font-size: 13px;}
/* Underline From Left */
.hvr-underline-from-left {display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}
.hvr-underline-from-left:before {content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2595d1;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before {right:0;}
/* 亮光 */
.hvr-light {overflow:hidden;position:relative;}
.hvr-light:before {content:"";position:absolute;width:50px;height:275px;top:0;left:-150px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-32deg);-ms-transform:skewX(-32deg);-moz-transform:skewX(-32deg);transform:skewX(-32deg);}
.hvr-light:hover:before {-webkit-transition:left 1s;-moz-transition:left 1s;-ms-transition:left 1s;transition:left 1s;left:480px;}
.hvr-light:hover {opacity:.9\0;filter:alpha(opacity=90);}


@media only screen and (max-width:768px) {
.inews .inews_left,.inews .inews_right{ width: 98%;margin:5px 1%;}
}
@media only screen and (max-width:1100px) {
	.products .hd li:before{display:none;}
	.products .hd {min-width:150px;}
	.products .bd {width: 75%;} 
}
@media only screen and (max-width:1024px) {
	.products .bd {width: 77%;}
}